<template>
  <div class="page-container">
    <div class="content-wrapper">
      <div class="policy-header">
        <h1>隐私政策</h1>
        <button class="back-button" @click="goBack">关闭</button>
      </div>
      <div class="policy-content">
        <section>
          <h2>1. 引言</h2>
          <p>欢迎使用健康预测系统（以下简称"本系统"）。本隐私政策旨在帮助您了解我们收集哪些信息、为什么收集这些信息，以及您如何更新、管理、导出和删除您的信息。</p>
        </section>
        
        <section>
          <h2>2. 我们收集的信息</h2>
          <h3>2.1 个人信息</h3>
          <p>当您注册使用本系统时，我们可能会收集以下个人信息：</p>
          <ul>
            <li>姓名、用户名和联系方式（如电子邮件地址、电话号码）</li>
            <li>身份验证信息（如密码）</li>
            <li>个人资料照片（如果您选择提供）</li>
          </ul>
          
          <h3>2.2 健康数据</h3>
          <p>为了提供健康预测服务，我们会收集您提供的健康相关数据，包括但不限于：</p>
          <ul>
            <li>基本健康指标（如身高、体重、年龄、性别）</li>
            <li>生命体征数据（如血压、心率、血糖等）</li>
            <li>生活方式数据（如运动习惯、饮食习惯、睡眠模式）</li>
          </ul>
          
          <h3>2.3 技术信息</h3>
          <p>当您访问或使用本系统时，我们可能会自动收集以下技术信息：</p>
          <ul>
            <li>设备信息（如设备型号、操作系统版本）</li>
            <li>浏览器类型和版本</li>
            <li>IP地址</li>
            <li>使用情况数据（如访问的页面、停留时间）</li>
          </ul>
        </section>
        
        <section>
          <h2>3. 我们如何使用您的信息</h2>
          <p>我们使用收集的信息用于以下目的：</p>
          <ul>
            <li>提供、维护和改进我们的服务</li>
            <li>处理您的注册、登录和账户管理</li>
            <li>生成健康预测和分析报告</li>
            <li>发送服务相关通知和更新</li>
            <li>确保系统安全和防止欺诈</li>
            <li>遵守法律义务和行业规范</li>
          </ul>
        </section>
        
        <section>
          <h2>4. 信息共享与披露</h2>
          <p>我们尊重您的隐私，不会出售您的个人信息。在以下情况下，我们可能会共享您的信息：</p>
          <ul>
            <li>获得您的明确同意后</li>
            <li>与我们的服务提供商和合作伙伴共享，用于提供和改进服务</li>
            <li>遵守法律要求、法院命令或政府请求</li>
            <li>保护我们的权利、财产或安全，以及用户或公众的权利</li>
          </ul>
        </section>
        
        <section>
          <h2>5. 数据安全</h2>
          <p>我们采取合理的技术和组织措施来保护您的信息免受未授权访问、使用或披露。这些措施包括：</p>
          <ul>
            <li>数据加密存储和传输</li>
            <li>访问控制和身份验证</li>
            <li>定期安全评估和审计</li>
            <li>员工数据安全培训</li>
          </ul>
        </section>
        
        <section>
          <h2>6. 您的权利</h2>
          <p>作为数据主体，您享有以下权利：</p>
          <ul>
            <li>访问您的个人信息</li>
            <li>更正不准确的信息</li>
            <li>删除您的个人信息（在特定情况下）</li>
            <li>限制或反对数据处理</li>
            <li>数据可携带权（接收结构化、常用和机器可读格式的数据）</li>
          </ul>
        </section>
        
        <section>
          <h2>7. 数据保留</h2>
          <p>我们会在法律要求的期限内或实现收集目的所需的时间内保留您的信息，之后会将其删除或匿名化处理，除非法律允许或要求延长保留期。</p>
        </section>
        
        <section>
          <h2>8. 未成年人保护</h2>
          <p>本系统不面向未满18周岁的未成年人。如果我们发现我们在未获得可验证的父母同意的情况下收集了未成年人的个人信息，我们会尽快删除相关数据。</p>
        </section>
        
        <section>
          <h2>9. 隐私政策的更新</h2>
          <p>我们可能会不时更新本隐私政策。当我们进行重大更改时，我们会在系统中发布通知，并更新页面顶部的"最后更新日期"。我们鼓励您定期查看本隐私政策。</p>
        </section>
        
        <section>
          <h2>10. 联系我们</h2>
          <p>如果您对本隐私政策或我们的数据处理做法有任何问题、意见或请求，请通过以下方式联系我们：</p>
          <p>电子邮件：privacy@healthpredict.com</p>
          <p>电话：400-123-4567</p>
        </section>
        
        <div class="last-updated">最后更新日期：2025年10月24日</div>
      </div>
    </div>
  </div>
</template>

<script setup>
// 隐私政策页面组件
import { useRouter } from 'vue-router'

const router = useRouter()

function goBack() {
  router.back()
}
</script>

<style scoped>
.page-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  min-height: 100vh;
  background-color: #f5f7fa;
}

.content-wrapper {
  background-color: #fff;
  padding: 40px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  position: relative;
}

.policy-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 2px solid #ecf0f1;
}

h1 {
  color: #2c3e50;
  margin: 0;
  font-size: 28px;
}

.back-button {
  background-color: #3498db;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.back-button:hover {
  background-color: #2980b9;
}

.policy-content {
  max-height: 60vh;
  overflow-y: auto;
  padding-right: 10px;
}

h2 {
  color: #3498db;
  margin-top: 30px;
  margin-bottom: 15px;
  border-bottom: 2px solid #ecf0f1;
  padding-bottom: 10px;
  font-size: 22px;
}

h3 {
  color: #7f8c8d;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
}

p {
  color: #34495e;
  line-height: 1.8;
  margin-bottom: 15px;
  text-align: justify;
}

ul {
  margin-left: 20px;
  margin-bottom: 15px;
}

li {
  color: #34495e;
  line-height: 1.8;
  margin-bottom: 8px;
}

/* 滚动条样式 */
.policy-content::-webkit-scrollbar {
  width: 8px;
}

.policy-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.policy-content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.policy-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.last-updated {
  text-align: center;
  color: #94a3b8;
  font-size: 0.875rem;
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0;
}
</style>